<template>
	<scroll-view scroll-y class="compile-bar">
		<view class="compile-list">
			<view class="compile-item uni-font-size-base">
				<view class="compile-item-l uni-text-color-grey">收货人</view>
				<input type="text" class="compile-item-center uni-font-size-base" value="张三" />
				<view class="compile-item-r"></view>
			</view>
			<view class="compile-item uni-font-size-base">
				<view class="compile-item-l uni-text-color-grey">手机号码</view>
				<input type="text" class="compile-item-center uni-font-size-base" value="1362356" />
				<view class="compile-item-r"></view>
			</view>
			<view class="compile-item uni-font-size-base">
				<view class="compile-item-l uni-text-color-grey">所在地区</view>
				<input type="text" class="compile-item-center uni-font-size-base" value="1362356" />
				<view class="compile-item-r"></view>
			</view>
			<view class="compile-item uni-font-size-base">
				<view class="compile-item-l uni-text-color-grey">详情地址</view>
				<input type="text" class="compile-item-center uni-font-size-base" value="1362356" />
				<view class="compile-item-r"></view>
			</view>
			<view class="compile-item uni-font-size-base">
				<view class="compile-item-center uni-text-color-grey">设置默认地址</view>
				<switch checked color="#1296db" />
			</view>
		</view>
		<view class="compile-footer">
			<buttom-bar width="90%" title="保存" :height="80" :border="false" background="#1296db" :size="30" color="#fff"></buttom-bar>
		</view>
	</scroll-view>
</template>

<script>
	export default {
		name: 'AddUpAddress',
		title: '新增编辑收货地址',
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
	@import "@/uni.scss";
	.compile-bar{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		background: $uni-text-color-inverse;
		.compile-list{
			width: 100%;
			padding: 0 30upx;
			padding-bottom: 100upx;
			box-sizing: border-box;
			padding-bottom: 100upx;
			.compile-item{
				height: 100upx;
				border-bottom: solid 2upx $uni-border-color;
				display: flex;
				align-items: center;
				.compile-item-l{
					width: 150upx;
				}
				.compile-item-center{
					flex: 1;
					font-weight: bold;
				}
			}
		}
		.compile-footer{
			width: 100%;
			position: fixed;
			bottom: 0;
			display: flex;
			justify-content: center;
			height: 100upx;
		}
	}

</style>
